<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="./css/aui.css" />    
    <link rel="stylesheet" type="text/css" href="./css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="./css/font-awesome.css" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <script type="text/javascript" src="./script/jquery.min.js"></script>
</head>
<body>
<header class="header header-f" style="padding-top:2rem; height:4rem;">
    <div class="header-l aui-pull-left" onclick="closeWin()">
        <i class="fa fa-angle-left"></i>
    </div>
    <div class="header-title">
        优惠券领取中心
    </div>
    <div class="header-r aui-pull-right" tapmode onclick="userindex()">
        <i class="fa fa-user-o"></i>
    </div>
</header>
<div style="height:4rem;"></div>

<div class="coupon-details-t-bg">
    <div class="coupon-details-b">
        ￥<span>200</span>
        <p>无金额门槛</p>
    </div>
    <div class="coupon-details-b-t">
        测试优惠券
    </div>
    <div class="coupon-details-b-d">
        有效期：2018-11-01至2018-12-01
    </div>
</div>
<ul class="coupon-details-d">
    <li>
        <h3>使用说明</h3>
        <p><i></i>使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明</p>
    </li>
    <li>
        <h3>领取限制</h3>
        <p><i></i>无</p>
    </li>
    <li>
        <h3>有效期限</h3>
        <p><i></i>2018-11-01至2018-12-01</p>
    </li>
    <li>
        <h3>使用限制</h3>
        <p><i></i>允许以下商品使用:</p>
        <p>智能锁指纹智能锁</p>
        <p><i></i>允许以下商品分类使用:</p>
        <p>智能锁指纹智能锁</p>
    </li>
</ul>
<div class="commission-btn">立即领取</div>

</body>
<script type="text/javascript" src="./script/api.js"></script>
<script type="text/javascript">
    function closeWin(){
        api.closeWin({
        });
    }
</script>
</html>